<!DOCTYPE html> 
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./style.css" />
    <title>Cursors - Zoe Davis</title>
  </head>
  <body>
    <div class="container">
      <div class="cursor-auto cursor-common">🖱️ Hover over me (auto)</div>
      <div class="cursor-default cursor-common">➡️ Hover over me (default)</div>
      <div class="cursor-crosshair cursor-common">🎯 Hover over me (crosshair)</div>
      <div class="cursor-wait cursor-common">⏳ Hover over me (wait)</div>
      <div class="cursor-text cursor-common">✏️ Hover over me (text)</div>
    </div>
  </body>
</html>